<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<title></title>
	<script type="text/javascript" src="<%=basePath %>/bootstrap/js/jquery.js"></script>
	<script type="text/javascript" src="<%=basePath %>/bootstrap/js/bootstrap.js"></script>
	<link rel="stylesheet" href="<%=basePath %>/bootstrap/css/bootstrap.css" />
	<link rel="stylesheet" href="<%=basePath %>/bootstrap/css/bootstrap-responsive.css" />
	<style type="text/css">
		body{
			background-image:url(<%=basePath %>/bootstrap/img/2.png);
		}
		.container-fluid{
			margin-top:70px;
		}
		.span3{
			background-color:#BBD8E9;
			height:200px;
			padding-top:20px;
			font-size:20px;
			font-family:微软雅黑;
			border-radius:10px;
		}
		.span3 .icon-chevron-right{
			padding-left:10px;
			padding-right:20px;
		}
		.span3 a{
			color:black;
		}
		.span3 a:hover{
			color:green;
		}
		.span9{
			background-color:#DCEAF4;
			border-radius:10px;
		}
		.well{
			background-color:#FF99FF;
		}
	</style>
</head>
<body data-spy="scroll" data-target=".bs-docs-sidebar">

    <!-- Navbar -->
    <div class="navbar navbar-inverse navbar-fixed-top">
      <div class="navbar-inner">
        <div class="container">
          <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="brand" href="#" style="font-family:微软雅黑;padding-left:50px;">售楼管理系统</a>
          <div class="nav-collapse collapse">
            <ul class="nav" style="margin-left:500px;">
              <li class="">
                <a href="#">用户名:xxx</a>
              </li>
              <li class="">
				<a href="#" class="dropdown-toggle" data-toggle="dropdown">账号&设置 <b class="caret"></b></a>
					<ul class="dropdown-menu">
					  <li><a href="#">用户信息</a></li>
					  <li><a href="#">小组信息</a></li>
					</ul>
              </li>
              <li class="">
                <a href="#">安全退出</a>
              </li>            
            </ul>
          </div>
        </div>
      </div>
    </div>

	
	<!--主要内容-->
	<div class="container-fluid">
		  <div class="row-fluid">
			<div class="span3 bs-docs-sidebar">
				<ul class="nav nav-list bs-docs-sidenav">
				  <li><a href="#"><i class="icon-chevron-right"></i> 最近操作</a></li>
				  <li><a href="#"><i class="icon-chevron-right"></i> 客户信息</a></li>
				  <li><a href="#"><i class="icon-chevron-right"></i> 房子信息</a></li>
				  <li><a href="deal.action"><i class="icon-chevron-right"></i> 交易信息</a></li>
				  <li><a href="#"><i class="icon-chevron-right"></i> 小组任务</a></li>
				</ul>
			  </div>
			  <!--Body content-->
			<div class="span9">
			  	  <ul class="breadcrumb" style="vertical-align:top;font-size:15px;">
               		 <li class="active">业务机会</li>
                	<li class="pull-right"><a href="#">新建业务</a></li>
           		 </ul>
            <div class="well">
                <table id="table">
               <!-- 循环输出业务 -->
               <c:forEach items="${dealList }" var="deal">
                    <tr>
                        <td style="width:130px">
                        	<img src="<%=basePath %>/bootstrap/img/4.png"/>
	                    </td>
                        <td style="width:734px">
                            <strong><a href="showDeal.action?id=${deal.did}">${deal.dname}</a></strong><br/> 							
							负责人：${deal.woker.wname}<br/>							
							创建时间：${deal.createtime}<br/>
                        </td>  
                        <td style="width:130px">
							<c:choose>
                        	<c:when test="${deal.dstate=='成功'}">
                        		<span class="label label-info" style="min-width:72px;">${deal.dstate}</span>
                        	</c:when>
                        	<c:when test="${deal.dstate=='跟踪'}">
                        		<span class="label label-info" style="min-width:72px;">${deal.dstate}</span>
                        	</c:when>
                        	<c:when test="${deal.dstate=='失败'}">
                        		<span class="label label-info" style="min-width:72px;">${deal.dstate}</span>
                        	</c:when>
                        	</c:choose>
						</td> 
                    </tr>
                    
                    <tr >
                    	<td colspan="2">
							<a class="btn  btn-mini btn-danger" href="dealdel.action?id=${deal.id }">
								<i class="icon-trash icon-white"></i>
											删除
							</a>
							
							<a class="btn  btn-mini btn-info" href="dealedit.action?id=${deal.id }">
								<i class="icon-edit icon-white"></i>
											编辑
							</a>
									
						</td>
                    </tr>
               		</c:forEach>			
                </table>
				
            </div>
			</div>
		  </div>
	</div>
</body>
</html>